<template>
    <li class="flash_asked">
        <dl>
            <dt>
                <img :src="$store.state.domain + item.picture" alt="">
            </dt>
            <dd>
                <div class="tit">
                    <h3 class="f30">{{item.question}}</h3>
                    <button class="btn" @click="qvxiao(true, item.fqId)">取消关注</button>
                </div>
                <div class="msg">
                    <span>{{item.useramount}} 测试</span>
                    <span>{{item.commentamount}} 关注</span>
                </div>
            </dd>
        </dl>
    </li>
</template>

<script>
    import Bus from '@/bus/bus.js'
    export default {
        name: 'flashAsked',
        props: {
            item: Object
        },
        data() {
            return {

            }
        },
        methods: {
            qvxiao(bool, ids) {
                Bus.$emit('msg', {bools: bool, id: ids, type: '3'})
            }
        }
    }
</script>

<style lang="less" scoped>
    .flash_asked{
        width: 100%;
        .h(165);
        overflow: hidden;
        box-sizing: border-box;
        border-bottom: 1px solid #f2f2f2;
        .pt(15);
        .pb(30);
        dl{
            width: 100%;
            .pl(164);
            .h(165);
            box-sizing: border-box;
            position: relative;
            dt{
                .w(124);
                .h(124);
                position: absolute;
                left: 10px;
                top: 0;
                overflow: hidden;
                img{
                    margin: 0 auto;
                }
            }
            dd{
                .h(165);
                .tit{
                    .pr(200);
                    position: relative;
                    h3{
                        width:100%;    
                        overflow: hidden;    
                        text-overflow:ellipsis;    
                        white-space: nowrap;
                        font-weight: normal;
                        .lh(50);
                        .mt(10);
                    }
                    .btn{
                        position: absolute;
                        right: 20px;
                        top: 8px;
                        .w(140);
                        .h(50);
                        border: 1px solid #189BEB;
                        border-radius: 10px;
                        background: #fff;
                        color: #189BEB;
                    }
                }
                .msg{
                    line-height: 40px;
                    .mt(5);
                    display: flex;
                    span{
                        flex: 1;
                    }
                }
            }
        }
    }
</style>
